<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>007</title>
		<style type="text/css">
			div{
				width: 200px;height: 200px;
				width: 200px;height: 200px;
			}
			#d01{
				background-color: #FFA500;
			}
			#d02{
				background-color: blueviolet;
				position: relative;  /*相对定位及其属性设置*/
				top: 20px;    /*相对于原来该在的位置的偏移量*/
				left: 20px;   /*相对于原来该在的位置的偏移量*/
			}
			#d03{
				background-color: deeppink;
			}
			
		</style>
		
	</head>
	<body>
		<div id="d01">1111</div>
		<div id="d02">2222</div>
		<div id="d03">3333</div>
	</body>
</html>
